<!-- 全部API Vue.use -->

<script src="./vue.js"></script>

<div id="app" >
    <div v-mydirective>这是我的插件样式</div>
</div>

<script>
    // 自定义插件
    let MyPlic={}

    // 编写插件当中的内容
    MyPlic.install = function(Vue,Options){

        console.log(Options);
        //将插件中的vue添加自动指令
        Vue.directive('mydirective',{
            bind(el,binding){
                el.style='background-color:#ccc;width:220px;height:100px;';
            }
        })
    };

    Vue.use(MyPlic,{someOption: true})
    //实例化vue对象
    var ve = new Vue({
        el: '#app'
    })
</script>